/* eslint-disable react/jsx-no-target-blank */

const Alink = ({href,children}) => <a href={href||children} target="_blank">{href||children}</a>;


const descrs = [
	{ tab: '1',title: '基本信息',desc: (
		<div className="content">
			<p className="ab_t">基本信息：</p>
			<p>网名：Jackstraw | 温南南</p>
			<p>职业：Web前端架构师+全栈工程师</p>
			<p>邮箱：1432316105@qq.com</p>
			<p>个人微信：</p>
			<p><img width={200} src="./assets/images/wx.jpg" /></p>
		</div>) },
	{ tab: '2',title: '工作技能',desc: ( <div className="content">
		<p className="ab_t">工作技能：</p>
		<p>1、web前端页面的开发</p>
		<p>2、根据产品需求，配合后端开发人员协作实现前端页面效果和功能</p>
		<p>3、能够进行手机端和Pc端Html页面制作</p>
		<p>4、熟练使用html5，CSS3，javascript，熟悉页面架构和布局</p>
		<p>5、熟练使用Javascript框架</p>
	</div>) },
	{ tab: '4',title: '我的博客',desc: (
		<div className="content">
			<p className="ab_t">我的博客：</p>
			<p>域 名：www.wennn.top</p>
			<p>服务器：腾讯云</p>
			{/* <p className="ab_t">微信扫码打赏：</p>
			<p><img src="./assets/images/wx.jpg" /></p> */}
		</div>
	) },
	{ tab: '5',title: '技术之路',desc: (<div className="content">
		<p className="ab_t">技术之路：</p>
		<p>Java，springcloud全家桶，dubbo，zeroice </p>
		<p>React,ReactNative,PReact,AntDesign,Vue,VueElement,css,less,sass,javascript,es6,jsp ...</p>
		<p>Oracle,Mysql,Mariadb,SqlServer,Redis,RabbitMq...</p>
		<p>Tomcat,Undertow,Jboss,Nginx...</p>
		<p>Maven,Git,SVN</p>
		<p>Linux,macos,Jenkins,Docker,k8s...</p>
	</div>) },
	{ tab: '7',title: '小作坊',desc: (<div className="content">
		<p className="ab_t">小作坊：</p>
		<p>
			<strong>腾讯云：</strong>1核2g带宽1M<br />
			<i>博客主页：</i> <Alink>http://www.wennn.top:8800</Alink>  （还在建设中...）preact+bootstrap<br />
			<strong>开源项目：</strong><br />
			<i>博客：</i><Alink>https://gitee.com/W006/myblog.git </Alink>（还在建设中...）<br />
			<i>任务调度：</i><Alink>https://github.com/Wen006/xxljob</Alink> <br />
			( or <Alink>https://gitee.com/W006/xxljob.git</Alink> )<br />
			<strong>文档记录：</strong><br />
			<i>Showdoc：</i><br />
			GIT:<Alink>https://www.showdoc.cc/wgit?page_id=1234627776237531</Alink><br />
			NPM:<Alink>https://www.showdoc.cc/p/efd68bc66f10da95ffe45a0b163d6347</Alink><br />
			...
			<br />
		</p>
	</div>) },
	{ tab: '6',title: '工具',desc: (<div className="content">
		<p className="ab_t">工具：</p>
		<p>
		Vscode（前端开发利器）、Jumpserver（堡垒机）、sonarqube（代码质量检查）、showdoc（在线文档）、xampp （集成mysql，tomcat等工具一体）、xmind(思维导向)、Typora（markdown）、pdman（免费的数据库设计工具）、kiftd（网盘）...
		</p>
	</div>) }
];

export default class AboutMeStore{

    getDescrs = () => descrs;
}